// ==UserScript==
// @name         aTwitter Press Key for 100% size Image
// @namespace    http://tampermonkey.net/
// @version      0.1.5.11.23
// @description  try to take over the world!
// @author       You
// @match        htt*://twitter.com/*/photo/*
// @match        htt*://twitter.com/*
// @icon         data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
// @grant        unsafeWindow
// ==/UserScript==

(function (){
    //alert("fffs");
    // gaymatch htt*://*twitter.com*
})();

//i need to make this function BEFORE wack. because it is used in that function
function findProfileLink(containerElement) {
  if (!containerElement) return null; // If we reach the top of the DOM tree without finding a link, return null
  const link = containerElement.querySelector('div > a[href^="/"]');
  if (link) return link; // If we find a link, return it
  return findProfileLink(containerElement.parentElement); // Recursively search up the DOM tree
}

function wack() {
    'use strict';
    // Your code here...

    //Document.title("stupid");
    ///document.title = "stupid";

    //var myimgs = document.querySelectorAll("img");
    //wait(2000);
    //https://timmousk.com/blog/javascript-wait-5-seconds/
    const element = document.getElementsByTagName("img");
    unsafeWindow.element = element;
    for (let i = 0; i < element.length; i++) {
        //element.item(i).parentElement.style.opacity = 0;
        //element.item(i).parentElement.style.background-image = "";
        //element.item(i).parentElement.style.backgroundImage = '';
        element.item(i).parentElement.children.item(0).style.backgroundImage = '';
        //element.item(i).parentElement.parentElement.parentElement.style.width = '1200px';
        element.item(i).parentElement.parentElement.parentElement.style.width = '1716px';
        element.item(i).style.opacity = 1;
        element.item(i).style.width = element.item(i).naturalWidth + "px";
        element.item(i).style.height = element.item(i).naturalHeight + "px";

        console.log(i);
    }

    //newpart1
    ////const alldivs = document.getElementsByTagName("div");
    ////const dividends = document.querySelectorAll("div[data-testid='primaryColumn']");
    ////dividends.item(0).style.maxWidth = "2300px"
    ////unsafeWindow.dividends = dividends;

    ////const secondthing = document.querySelectorAll("div.r-13qz1uu");
    ////unsafeWindow.secondthing = secondthing;
    ////for (let i = 0; i < secondthing.length; i++) {
    ////    secondthing.item(i).style.maxWidth = "100%";
    ////}

    const verifiedSVGs = document.querySelectorAll('svg[aria-label="Verified account"]');


    console.log("Selected SVG elements with 'aria-label' set to 'Verified account':");
    verifiedSVGs.forEach(svg => console.log(svg.outerHTML));
    //unsafeWindow.verifiedSVGs = element2;
    //VVVVVVVVVVVVVVVV this line important 001
    unsafeWindow.verifiedSVGs = verifiedSVGs;
    const element2 = unsafeWindow.verifiedSVGs;
    //const element2 = unsafeWindow.verifiedSVGs;
    unsafeWindow.element2 = element2;

    //for (let i = 0; i < verifiedSVGs

    //loop start --------------------------
    //const firstSVG = verifiedSVGs[0];
    //const profileLink = findProfileLink(firstSVG);
    //if (profileLink) {
    //    console.log("Found profile link:", profileLink.href);
    //} else {
    //    console.log("Could not find profile link");
    //}

    for (let i = 0; i < element2.length; i++) {
        //so this loop starts at i = 0, which is the first item(0)..
        //each loop it increase by one.. i += 1
        //
        const element2bout = element2.item(i).parentElement.parentElement.parentElement.parentElement.parentElement;
        //wow this is really messed up
        unsafeWindow.element2bout = element2bout;
        element2.item(i).parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.style.display="hidden";
        //delete this//element2.item(i).parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.style.display="hidden";
        //reduce this by one
        console.log("hidden one");
        element2.item(i).parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.style.display="hidden";
        console.log("hidden two");
        element2.item(i).parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.style.display="hidden";
        console.log("hidden three");
        //increase this by two
        const element2exp = element2.item(i).parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement;
        unsafeWindow.element2exp = element2exp;
        //console.log("
                    //they use getATtribute
        const svgStyleHTML = element2exp.getAttribute('style');
        console.log(svgStyleHTML);

        element2bout.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.style.display="none";
    }
    // loop end --------------------------
//function wack end ------------------------
}

unsafeWindow.wack = wack;
//setTimeout(() => {wack(); }, 2500);
//alert("wow");
document.addEventListener("keydown", wack);